/* Com CSS */

@charset "utf-8";

* {

  margin: 0;

  padding: 0;

}

html,

body {

  height:100%;

  font-family:'Microsoft Yahei','Segoe UI','Open Sans',Verdana,Arial;

  font-size:14px;

}

ul { list-style: none; }

@media (min-width: 768px) {

  .container {

    width: 750px;

  }

}

@media (min-width: 992px) {

  .container {

    width: 970px;

  }

}

@media (min-width: 1200px) {

  .container {

    width: 1180px;

  }

}

/* Distance Contronl*/



.pl0  { padding-left: 0px; }

.pr0  { padding-right: 0px; }

.pt0  { padding-top: 0px; }

.pb0  { padding-bottom: 0px; }



.pl5  { padding-left: 5px; }

.pr5  { padding-right: 5px; }

.pt5  { padding-top: 5px; }

.pb5  { padding-bottom: 5px; }



.pl10 { padding-left: 10px; }

.pr10 { padding-right: 10px; }

.pt10 { padding-top: 10px; }

.pb10 { padding-bottom: 10px; }



.pl15 { padding-left: 15px; }

.pr15 { padding-right: 15px; }

.pt15 { padding-top: 15px; }

.pb15 { padding-bottom: 15px; }



.pl20 { padding-left: 20px; }

.pr20 { padding-right: 15px; }

.pt20 { padding-top: 20px; }

.pb20 { padding-bottom: 20px; }



.pl25 { padding-left: 25px; }

.pr25 { padding-right: 25px; }

.pt25 { padding-top: 25px; }

.pb25 { padding-bottom: 25px; }



.pl30 { padding-left: 30px; }

.pr30 { padding-right: 30px; }

.pt30 { padding-top: 30px; }

.pb30 { padding-bottom: 30px; }



.pl50 { padding-left: 50px; }

.pr50 { padding-right: 50px; }

.pt50 { padding-top: 50px; }

.pb50 { padding-bottom: 50px; }



.ml0  { padding-left: 0px; }

.mr0  { padding-right: 0px; }

.mt0  { padding-top: 0px; }

.mb0  { padding-bottom: 0px; }



.ml5  { margin-left: 5px; }

.mr5  { margin-right: 5px; }

.mt5  { margin-top: 5px; }

.mb5  { margin-bottom: 5px; }



.ml10 { margin-left: 10px; }

.mr10 { margin-right: 10px; }

.mt10 { margin-top: 10px; }

.mb10 { margin-bottom: 10px; }



.ml15 { margin-left: 15px; }

.mr15 { margin-right: 15px; }

.mt15 { margin-top: 15px; }

.mb15 { margin-bottom: 15px; }



.ml20 { margin-left: 20px; }

.mr20 { margin-right: 20px; }

.mt20 { margin-top: 20px; }

.mb20 { margin-bottom: 20px; }



.ml25 { margin-left: 25px; }

.mr25 { margin-right: 25px; }

.mt25 { margin-top: 25px; }

.mb25 { margin-bottom: 25px; }



.ml50 { margin-left: 50px; }

.mr50 { margin-right: 50px;}

.mt50 { margin-top: 50px; }

.mt20 { margin-top: 20px; }

.mb50 { margin-bottom: 50px; }

/*border Contronl*/

.b0  { border-width: 0; }

.b1  { border: 1px solid #ccc; }

.bl0 { border-left-width: 0; }

.br0 { border-right-width: 0; }

.bt0 { border-top-width: 0; }

.bb0 { border-bottom-width: 0; }

.bl1 { border-left: 1px solid #ccc; }

.br1 { border-right: 1px solid #ccc; }

.bt1 { border-top: 1px solid #ccc; }

.bb1 { border-bottom: 1px solid #ccc; }

.btone { border-top: none; }

.bbone { border-bottom: none; }



/*font size Contronl*/

.f0  { font-size: 0px; }

.m   { font-size: 100% }

.l   { font-size: 110%; }

.xl  { font-size: 120%; }

.xxl { font-size: 130%; }

.xxll { font-size: 125%; }

.xxxl{ font-size: 150%; }

.s   { font-size: 90%; }

.xs  { font-size: 80%; }

.xxs { font-size: 70%; }

.xxxs{ font-size: 70%; }

.f12{ font-size: 12px }

.f14{ font-size: 14px }

.f16{ font-size: 16px }
.f15{ font-size: 15px }

.f18{ font-size: 18px }

.f20{ font-size: 20px }

.f30{ font-size: 30px }

.weight{ font-weight:bold;}

/*Line Height Contronl*/

.l65  { line-height: 65px; }

.l6  { line-height: 60px; }

.l55  { line-height: 55px; }

.l5  { line-height: 50px; }

.l45 { line-height: 45px; }

.l4  { line-height: 40px; }

.l35 { line-height: 35px; }

.l3  { line-height: 30px; }

.l25 { line-height: 25px; }

.l2  { line-height: 20px; }

.l15 { line-height: 15px; }

.l1  { line-height: 10px; }

.l0  { line-height: 0px; }

/*Shadow side line*/

.r0  { border-radius: 0px; }

.r4  { border-radius: 4px; }

.r10 { border-radius: 10px; }

.rl0 { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.rr0 { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.rt0 { border-top-left-radius: 0px; border-top-right-radius: 0px; }

.rb0 { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }

.r20 { border-radius: 20px; }

.shadow { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); }

.shadow:hover { box-shadow:2px 5px 5px rgba(0, 0, 0, 0.3); }



.lileft li{float: left;}

.left  { float:left; }

.right { float:right; }

.clear { clear:both; }

.block { display:block; }

.none  { display:none; }

.inline   { display:inline; }

.intable  { display:inline-table; }

.absolute { position:absolute; }

.relative { position:relative; }

.fixed  { position:fixed; }

.static { position:static; }

.hover {

  transition:opacity 0.5s;

  opacity:0.6;

}

.hover:hover { opacity:1.0; }



.tc { text-align: center; }

.tl { text-align: left; }

.tr { text-align: right; }



.m0 { margin: 0; }

.p0 { padding: 0; }

.m1 { margin: 1px; }

.p1 { padding: 1px; }

.m5 { margin: 5px; }

.p5 { padding: 5px; }

.m10{ margin: 10px; }

.p10{ padding: 10px; }

.m0auto{ margin:0 auto; }





.pointer{cursor: pointer; }

/*hidden Contronl*/

.overflow_hiden{ overflow: hidden; }

/*color Contronl*/

.white{color: #FFF}

.butcolor{color: #5cab11}

.namecolor{color: #355f0b}

.viewMore{color:#378c39}

.viewblock{color:#000}

a{color: #000}

a:hover{color: #000; text-decoration: none}

.buttons{ border: none;background-color: #57a305; color: #FFF }

.dot2 {text-indent: 2em; color:#888888;}

.weight8{font-weight: 800}

#errormsg{ color: #ee6135; }

.borderradius50{ border-radius: 50px }

.borderradius85{ border-radius: 85px }

.w50{ width: 50px }

.w_h100{ width: 100%; /*height: 100% */}

.w_100{ width: 100%;}

.h_100{ height: 100%;}







.bgnone{background: none;}

.bgFFF{background: #FFF;}



a.qing:link{color:#787878; font-size:14px; text-decoration:none;}

a.qing:visited{color:#787878; font-size:14px; text-decoration:none;}

a.qing:hover{color:#478243; font-size:14px; text-decoration:none;}